<template>
	<div>
		<div class="title">
			<Fun></Fun>
			 <h1>红酒开门红</h1>
		</div>
			<img src="../../assets/liu/1.png"/>
			<img src="../../assets/liu/4.png"/>
			<img src="../../assets/liu/zuo1.png"/>
			<img src="../../assets/liu/you.png"/>
		<div class="list">
			<div class="list_one">
				<img src="../../assets/liu/2.png"/>
				  <div class="list_cont">
					  	<em class="list_item">
						<span class="span_l">自营</span>
						<span class="span_m">法国红酒82拉菲</span>
					</em>
					<br />
					  <span>年久纯香 入口甘甜</span>
					  <br />
					   <span class="span_d">¥9999</span>
				  </div>
			</div>
				<div class="list_one">
				<img src="../../assets/liu/2.png"/>
				<div class="list_cont">
					  	<em class="list_item">
						<span class="span_l">自营</span>
						<span class="span_m">法国红酒82拉菲</span>
					</em>
					<br />
					  <span>年久纯香 入口甘甜</span>
					  <br />
					   <span class="span_d">¥9999</span>
				  </div>
			</div>
		</div>
	</div>
</template>

<script>
	import Fan from './FanHui'
	export default {
		name: 'guanggao',
		data() {
			return {}
		},
		components:{
			Fan
		}
	}
</script>

<style scoped>
	body,html,div,h1{
		margin: 0;
		padding: 0;
	}
	img{
		vertical-align: top;
		width: 100%;
	}
.title{
		height: 3rem;
		background-size: 2rem;
		text-align: center;
		margin-top: 1rem;
	}

.title h1{
		font-size: 1.3rem;
		opacity: 0.6;
	}
	.list{
		width: 90%;
		margin: 0 auto;
		display: flex;
		justify-content: space-around;
	}
	.list_one{
		width: 40%;
		float: left;
		padding: 4%;
	}
	.list_one img{
		width: 100%;
		background: lightgray;
	}
	.list_cont .span_l{
		width: 3.5rem;
		height: 1rem;
		background: red;
		text-align: center;
		color: white;
		padding-right: 0.3rem;
	}
	.list_cont .span_d{
		color: red;
	}
</style>